<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="dashboard/header :: header"></head>
<body>

<!--
@desc  添加
@author WeiXiaoJin
@since 2019-05-18 23:04:49
-->
	<div layout:fragment="content">
		<div class="container-fluid content-main">
			<div class="animated fadeIn">
				<div class="row">
					<!-- /.col-->
					<div class="col-sm-12">
						<div class="card">
							<div class="card-body">

								<form class="form-horizontal" id="addForm" style="float:left;width:100%" enctype="multipart/form-data">
									<div class="form-group row margin-right-0">
										<label class="col-md-2 col-form-label control-label" for="text-input">文件地址</label>
										<div class="col-md-9">
											<div class="file-loading">
												<input id="inputFiles" type="file" name="file" multiple>
											</div>
										</div>
									</div>
								</form>
							</div>

						</div>
					</div>
					<!-- /.col-->
				</div>
			</div>
		</div>

	</div>
	
	<link th:href="@{${cdn}+'/asserts/vendors/fontawesome/css/all.css'}" rel="stylesheet">
	
	<script th:src="@{${cdn}+'/asserts/js/jquery.min.js'}"></script>
	<script th:src="@{${cdn}+'/asserts/ajax/libs/blockUI/jquery.blockUI.js'}"></script>
	<script th:src="@{${cdn}+'/asserts/ajax/libs/iCheck/icheck.min.js'}"></script>
	<script th:src="@{${cdn}+'/asserts/ajax/libs/layer/layer.min.js'}"></script>
	<script th:src="@{${cdn}+'/asserts/ajax/libs/layui/layui.js'}"></script>
	<script th:src="@{${cdn}+'/asserts/constom/js/ry-ui.js'}"></script>
		
	<!-- 文件上传_start -->
	<link th:href="@{/asserts/ajax/libs/bootstrap-fileinput/fileinput.min.css}" rel="stylesheet">
	<link th:href="@{/asserts/ajax/libs/bootstrap-fileinput/themes/explorer/theme.min.css}" rel="stylesheet">
	
	<script th:src="@{/asserts/ajax/libs/bootstrap-fileinput/fileinput.min.js}"></script>
	<script th:src="@{/asserts/ajax/libs/bootstrap-fileinput/themes/explorer/theme.min.js}"></script>
	<!-- 文件上传_end -->

	<script type="text/javascript">

		/* function submitHandler(result) {
			console.log("this is a test") ; 
			console.log(actions) ; 
			$.operate.successCallback(result);
	    } */
		
		$(function(){
			$.upload.initBootstrapInput("inputFiles" , ctx + "web/storage/bootstrapInputMultiUpload" , function(data , index){
				console.log('index = ' + index + ' , status = ' + data.status + ' , path ' + data.filePath) ;
				actions.push(data) ; 
			}) ; 
		}) ; 
		
	</script>

</body>
</html>

